.back-button {
	margin: 0;
	position: fixed;
		top: 47px;
		left: 0;
	z-index: z-index( '.masterbar', '.reader-back' );

	.button.is-compact.is-borderless {
		padding: 20px 8px 16px;

		@include breakpoint-deprecated( '>660px' ) {
			padding: 18px 40px 18px 20px;
		}
	}

	@include breakpoint-deprecated( '<660px' ) {
		top: 0;
		left: 0;
		right: 0;
		height: 46px;
		background: var( --color-surface );
		border-bottom: 1px solid var( --color-neutral-0 );
	}
}

.back-button__label {
	@include breakpoint-deprecated( '<660px') {
		display: none;
	}
}

.back-button__example {
	.back-button {
		position: relative;
		top: 0;

		.button.is-compact.is-borderless {
			padding: 0;
		}
	}
}
